@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:14px; line-height:2.4; min-width:1200px}
img{ border:0;}
ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form{ padding:0; margin:0; border:0}
ul,li{ list-style:none}
a:link { color: #333; text-decoration: none; }
a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #333; }
a:active { text-decoration: none; color: #C00; }

#top { margin:0 auto;width: 100%; height:30px; background:url(../images/topbg.gif)}
#top_main{ margin:0 auto; width:1200px;}
#top_main_l{ width:800px; float:left; }
#top_main_r{ width:380px; float:right; text-align:right; padding-right:20px}

#head{ width:1200px; height:110px; background:url(../images/top.jpg); margin:0 auto; text-align:right}
#menu{ width:100%; height:45px; background:#0070D5}
#menu_main{ width:1200px; margin:0 auto}
#menu_main ul{ list-style:none; margin:0px; padding:0px}
#menu_main ul li { float: left; font-size:18px;  height: 45px; line-height: 45px; width:150px; text-align:center }
#menu_main ul li a{ display:block;padding: 0px ; color:#fff; text-decoration:none}
#menu_main ul li a:hover{ background:#F60; color: #FFF; font-weight:bold; padding: 0px; }
#menu_main ul li a#current{ background: #F60; color: #FFF; padding: 0px;font-weight:bold; }

#main_title{ width: 100%; height: 75px; background: url(../images/t01bg.jpg); margin: 30px auto 30px; }
#main_title_main{ width:1200px; margin:0 auto; text-align:center }

#about_us{ width:1200px; margin:0 auto}
#about_us_l{ width:560px; float:left}
#about_us_r{ width:640px; height:300px; float:right}

#product{ width:1200px; background:url(../images/cpbg1.jpg); height:40px; margin:30px auto 30px}
#product_l{ width:280px; float:left}
#product_r{ width:920px; float:right}

#product_main{ width:1200px; height:450px; margin:0 auto; }
#product_main ul li { margin: 20px 0px 0px 17px; float: left; width: 222px; text-align: center;  }
#product_main ul li a { display: block;  }
#product_main ul li a img { padding: 1px; margin-bottom: 1px; border: 1px dotted #CCC; width:216px; height:150px }
#product_main ul li a:hover img { border: 2px solid #FC754E; padding: 0px;  color:#FFF  }

#pic_m{ width:auto; margin:0 auto; background:url(../images/qq.jpg) no-repeat center; height:240px }

#case{ width:auto; margin:0 auto; height:550px; background:url(../images/t02bg.jpg)}
#case_title{ width:1200px; height:87px; margin:0 auto; text-align:center}

#main_pic{ width: 100%; margin: 0 auto; height: 260px; overflow: hidden }
#main_content{ width: 1200px; margin: 30px auto; overflow: hidden }
#main_content_l { width:280px; float:left;}
#main_content_l_title { width:250px; height:90px; background:url(../images/ltitle.jpg);  float:left}
#main_content_l_nav{ width:250px; float:left}
#main_content_l_nav ul{ list-style:none; margin:0; padding:0}
#main_content_l_nav ul li{ background: #E7E7E7; font-size: 15px; height: 45px; line-height: 45px; border-bottom: 1px solid #FFF; color: #333; position: relative; text-indent:30px;  }
#main_content_l_nav ul li a{ display:block;}
#main_content_l_nav ul li a:hover{background:#F60; color:#FFF; padding:0}
#main_content_l_nav ul li a#current{background:#F60; color:#FFF; padding:0}
#main_content_r{ width:900px; margin-left:300px; float:left; margin:0}
#main_content_r_nav{ width:900px; background:#F6F6F6;height: 45px; line-height: 45px;text-indent:30px }
#main_content_r_title{ width: 900px; height: 45px; line-height: 45px; font-size: 24px; color: #F60; text-indent: 30px; border-bottom: 1px solid #CCC; }
#main_content_r_main{ width:900px; margin-top:20px;}
#main_content_r_main ul{list-style: none; padding-left:0;}
#main_content_r_main ul li{ background: url(arr_n.gif) no-repeat 0px 15px; height: 40px; padding-left: 16px; }
#main_content_r_main ul li:hover{ background:#F6F6F6;}
#main_content_r_main ul li span{ float:right}
#main_content_r_main_pic{ width:900px;  margin:0 auto; }
#main_content_r_main_pic ul li { margin: 30px 0px 0px 10px; float: left; width: 290px; text-align: center;  }
#main_content_r_main_pic ul li a { display: block;  }
#main_content_r_main_pic ul li a img { padding: 1px; margin-bottom: 1px; border: 1px solid #ccc; width:275px; height:180px }
#main_content_r_main_pic ul li a:hover img { border: 2px solid #FC754E; padding: 0px;  color:#FFF  }
#main_content_page{ width: 900px; margin: 30px auto; text-align:center; float:left }

#detail{ width:1200px; margin:0 auto;}
#detail_nav{ width: 1200px; background: #F6F6F6; height: 45px; line-height: 45px; text-indent: 30px; margin-top: 30px; margin-bottom: 20px; }
#detail_title{ width:1200px; height:45px; margin:0 auto; text-align:center; border-bottom:#CCC dashed 1px;}
#detail_other{ width:1200px; height:35px; margin:0 auto; text-align:center; background:#F5F5F5}
#detail_main_pic{ width: 1200px; text-align: center; margin-top:20px; margin-bottom:30px; }
#detail_txt{ width:1200px;}

#foot{ margin: 0 auto; background: #0070D5; height: 100px; padding: 30px 10px 10px; text-align: center; color: #FFF }

.clearfloat{ clear:both; height:0; font-size:1px; line-height:0;}
.leftt1{ color:#FFF; font-size:15px; font-weight:bold; margin-left:30px}
.title1{font-size:20px; color:# 1A6DAC}
.title2{ font-size:24px; color:#FFF; font-weight:bolder;}
.title3{ font-size:26px; color:#FFF; font-family:"Times New Roman", Times, serif}
.title4{ font-size:26px; color: #F60; font-weight:bolder;}
.hr1{height:1px;border:none;border-top:1px dashed #ccc;}
.more{text-align:right; padding-right:10px}
.nbg{ background:#F6F6F6; width:100%; }
.nbg li{ background: url(arr_n.gif) no-repeat 0px 15px; padding-left: 15px; margin-left:12px; }
.date{color:#333; font-size:29px; font-weight:bold;}
.newsdate{ font-size:12px}
.tm1 {COLOR: #333; FONT-SIZE: 15px; font-weight:bold; line-height:1.5}
.tm1:link {COLOR: #333; FONT-SIZE: 15px; font-weight:bold;TEXT-DECORATION: none}
.tm1:visited {COLOR: #333; FONT-SIZE: 15px; font-weight:bold; TEXT-DECORATION: none}
.tm1:hover {COLOR: #F00; FONT-SIZE: 15px; font-weight:bold; TEXT-DECORATION: none}
.footn li{ float:left; width:100%; color:#FFF}
.footn li a { color:#FFF; float:left}
.footn li a:hover { color:#F00;float:left}
.imgt{display: block;width: 100%; height: 100%;transition: all 0.6s;}
.imgt:hover{transform: scale(1.1);}
.f30{ font-size:30px; font-weight:bold; line-height:2; color:#FFF}
.p30{ padding-left:20px;}
.newstitle{ color: #333; font-size:24px; line-height:2; font-weight:bold}